// 一个插件：为 vue 提供方法 $modal
//  $modal 调用之后可以直接显示弹出框
// 导入弹出框组件
import mycom from '../components/modal.vue'

export default {
  install: function (Vue) {
    // 根据 mycom 组件对象，得到组件的构造函数
    var MyCom = Vue.extend(mycom)
    // 给 Vue 添加一个原型方法
    Vue.prototype.$modal = function () {
      // 创建创建弹出框对象
      var newCom = new MyCom()
      // 将 show 改为 true
      newCom.show = true
      // 将组件进行渲染，得到渲染之后的 html 代码
      var html = newCom.$mount().$el
      // 显示那个弹出框
      document.body.appendChild(html)
    }
  }
}
